<template>
  <div class="article-header">
    <div class="layer">
      <!-- 白天/黑夜模式 -->
      <DayMode></DayMode>
    </div>
  </div>
</template>

<script>
export default {
  components: {
    DayMode: () => import("../../components/DayMode.vue"),
  },
};
</script>

<style lang="less" scoped>
.article-header {
  .layer {
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
</style>